<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">

<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-dashboard"></i> <strong>餐厨管理</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">餐厨管理</li>
			</ol>
		</section>
		<section class="content">
		    <div class="box box-info">
		    	<div class="box-header with-border">
                    <i class="fa fa-th-list"></i>
                    <h4 class="box-title">餐厨查询</h4>
                </div>
                <div class="box-body">
				 	<div class="form-inline">
	                     <div class="input-group">
							<input type="text" class="form-control" id="search"  placeholder="Search..." />
							<span class="input-group-btn">
							    <button type="button" name="search" id="search-btn" class="btn btn-info app-btn-search">查询</button>
								<button type="button" name="cancel" id="cancel-btn" class="btn btn-info app-btn-cancel">撤消</button>
							</span>
						</div>
					</div>
			 	</div>
                <div class="box box-body">
                	<table id="dataTable" class="mytable display table-bordered text-center" cellspacing="0" width="100%">
						<thead>
							<tr>
								<th width="8%">序号</th>
								<th width="10%">操作</th>
								<th width="10%">废弃物</th>
								<th width="10%">废弃油</th>
								<th width="20%">备注</th>
								<th width="20%">商户</th>
								<th width="12%">收集人</th>
								<th width="10%">收集时间</th>
							</tr>
						</thead>
						<tbody>
						   
						</tbody>
					</table>
                </div>
		    </div>
		</section>
		
		<!--详情弹窗-->
		<div class="modal" id="checkModal">
			<div class="modal-dialog" role="dialog" style="width:50%">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						<h4 class="modal-title"><strong>收集信息</strong></h4>
					</div>
					<div class="modal-body">
						<table class="table table-bordered">
							<tbody>
								<tr>
									<td width="15%" align="center">店铺名称</td>
									<td width="35%">
	                                    <div style="margin-left: 10px;" id="shopName"></div>
	                                </td>
	                                <td width="50%" align="center" rowspan="5" colspan="2">
	                                <img id="avatar"  src="" width="200px" height="200px"/>
	                                </td>
								</tr>
								<tr>
									<td align="center">收集人</td>
									<td>
	                                    <div style="margin-left: 10px;" id="checkPerson"></div>
	                                </td>
								</tr>
								<tr>
									<td align="center">收集时间</td>
									<td>
	                                    <div style="margin-left: 10px;" id="createTime"></div>
	                                </td>
								</tr>
								<tr>
									<td align="center">废弃物</td>
									<td>
	                                    <div style="margin-left: 10px;" id="waste"></div>
	                                </td>
								</tr>
								<tr>
									<td align="center">废弃油</td>
									<td>
	                                    <div style="margin-left: 10px;" id="wasteOil"></div>
	                                </td>
								</tr>
								<tr>
									<td width="15%" align="center">备注</td>
									<td width="75%" colspan="3">
	                                     <div class="col-md-12">
											<textArea readonly="readonly" class="form-control" id="remark" height="100px" rows="5"></textArea>
										</div>
	                                </td>
								</tr>
							</tbody>
						</table>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>
		
					</div>
				</div>
			</div>
		</div>
		<script th:src="@{/kitchenWaste/kitchenWasteindex.js}"></script>
	</div>

</body>
</html>